<template>
  <!-- 底部详情页 -->
  <div id="footdetail" class="footdetail">
    <!--本来应该是导航，（方便全局替换）-->
    <div class="disCasedetailCont">
      <div class="disCasedetailCont_crumbs">
        <span>
          <router-link :to="{name:'home'}">首页</router-link>
        </span>
        <i class="iconfont icon-youjiantou"></i>
        <span>正文</span>
      </div>
      <div class="disCasedetailCont_cluster">
        <div class="disCasedetailCont_cluster_Left" v-if="query.id == 3">
          <div class="just_cluster_left_title">
            <span>隐私策略</span>
            <div style="clear:both;"></div>
          </div>
          <div class="just_cluster_left_cont">
            <!-- <p v-html="disCasedetailB.content"></p> -->
            <p>隐私协议</p>
            <p>1.医药期刊联盟重视用户隐私并严格按照法律法规要求以及平台《隐私政策》所约定的方式和内容收集、使用用户信息。</p>
            <p>2.您以游客身份（未登录状态）浏览平台内容时，为保障服务所必须，我们会收集设备与日志信息用于资讯推送。</p>
            <p>3.您登录并继续使用我们的各项服务即视为同意我们的《隐私政策》，否则我们将无法向您提供完整的服务。</p>
          </div>
        </div>

        <div class="disCasedetailCont_cluster_Left" v-if="query.id == 4">
          <div class="just_cluster_left_title">
            <span>用户服务协议</span>
            <div style="clear:both;"></div>
          </div>
          <div class="just_cluster_left_cont">
            <!-- <p v-html="disCasedetailB.content"></p> -->
            <p style="font-weight:bold;font-size:18px">医药期刊联盟VIP会员服务协议</p>
            <p>欢迎您开通医药期刊联盟VIP会员。</p>
            <p>医药期刊联盟VIP会员由医药期刊联盟网的所有者开发，旨在为用户（以下更多的称之为‘您’）提供付费的增值会员权益。</p>
            <p>请您务必审慎阅读、充分理解本协议各条款内容，特别是免除或限制责任的相应条款。医药期刊联盟将以加粗的形式提示您注意限制、免责条款。</p>
            <p>您以任何形式获得并使用医药期刊联盟VIP会员资格，都视为您已阅读并同意接收本协议的约束。如果您对本协议的任何条款表示异议，您可以选择不开通此产品。</p>
            <p style="font-weight:bold;font-size:18px">服务内容</p>
            <p>医药期刊联盟VIP会员是为用户打造的增值产品，包含多种专有的会员权益。</p>
            <p>医药期刊联盟VIP会员包含的会员权益以医药期刊联盟在会员服务页面公布的信息为准，您能享受到以下但不仅限于以下几项权益：</p>
            <p>免费浏览、下载站内所有付费内容（包括文献、课件、视频等）</p>
            <p>文章免费查重10次（检测范围为中国学术期刊网络出版总库等）</p>
            <p>给平台合作期刊投稿，优先进入审核绿色通道</p>
            <p>会员专享板块，每本期刊投稿策略技巧，提高文章录用率</p>
            <p>更精准的推送，第一时间掌握行业新动态、新理论、新研究、新方法</p>
            <p>参加学术会议专享优惠（具体折扣详见会议页面）</p>
            <p style="font-weight:bold;font-size:18px">开通和终止</p>
            <p>您同意本协议并支付会员费用或通过使用兑换码等其他方式，即可获得医药期刊联盟VIP会员资格（以下简称‘会员资格’）。</p>
            <p>医药期刊联盟VIP会员有效期：自会员开通之日算起365天，具体有效期限可以在个人页面查看。会员在会员有效期内续费或通过其他方式续展会员期限，有效期将相应延长。会员在会员资格到期后未以任何方式续展期限，医药期刊联盟有权停止提供相应的会员权益。</p>
            <p>您在开通会员时，应仔细核对账号信息、会员期限、会员费用等信息。由于医药期刊联盟VIP会员是数字化商品，基于互联网服务的特殊性和国家相关管理规定，如因您个人原因发生错误购买或无法正常享受会员权益，医药期刊联盟网不能退换相应的会员费。</p>
            <p style="font-weight:bold;font-size:18px">会员费用及续费</p>
            <p>医药期刊联盟VIP会员费以您购买会员时，在会员服务页面标示的价格为准，如会员价格变动，医药期刊联盟网会在会员服务页面公示变动内容及价格。</p>
            <p style="font-weight:bold;font-size:18px">会员账号管理</p>
            <p>会员应合理使用会员权益、享受会员服务。医药期刊联盟将通过页面公告或私信等方式向会员发布通知。会员应及时关注相关信息的更新。</p>
            <p>会员应遵守医药期刊联盟网的各项规则，包括但不限于本协议，以及医药期刊联盟网不时发布的与用户和VIP会员相关的各项通知、公告（本协议内统称“管理规定”）。</p>
            <p>会员不得以不正当手段获取会员资格，不得将会员帐号以出借、出租、出售等任何形式提供给第三方使用，不得以任何形式向第三方分享或售卖其所享有的会员权益，不得滥用会员权益，不得利用会员资格获取不正当利益。如会员存在不当行为，违反管理规定，或以任何形式损害其他用户利益的，医药期刊联盟网有权暂停或取消该会员的会员资格，且不退还已收取的会员费。此外，违规会员需承担因此引起的一切责任和后果。</p>
            <p>因可归责于会员自身的原因引发的纠纷均与医药期刊联盟网无关，会员应当自行承担相应责任。同时，医药期刊联盟网有权以合法手段维护自身权益。</p>
            <p style="font-weight:bold;font-size:18px">适用法律及争议解决</p>
            <p>本协议的成立、生效、履行、解释及争议的解决均应适用中华人民共和国大陆地区法律。如本协议的任何约定因与中华人民共和国大陆地区的法律抵触而无效，则这些条款将按照尽可能接近本协议原条文的目的进行重新解释，本协议其它约定仍应具有完整的效力及效果。</p>
            <p>本协议的签署地点为中华人民共和国北京市石景山区。若您与医药期刊联盟网发生争议的，双方应尽量友好协商解决。协商不成，双方均同意将争议提交至有管辖权的法院。</p>
            <p style="font-weight:bold;font-size:18px">其他</p>
            <p>如因不可抗力或其他医药期刊联盟网无法控制的原因，导致不能正常提供会员权益的，医药期刊联盟网将及时发布通知并合理处理善后事宜，尽量降低会员的损失。</p>
            <p>如果您对本协议内容有任何疑问，请私信联系客服。</p>
          </div>
        </div>

        <div class="disCasedetailCont_cluster_Left" v-if="query.id == 6">
          <div class="just_cluster_left_title">
            <span>联系我们</span>
            <div style="clear:both;"></div>
          </div>
          <div class="just_cluster_left_cont">
            <!-- <p v-html="disCasedetailB.content"></p> -->
            <p>服务电话：400-921-9838</p>
            <p>邮箱：bosihuiwen@163.com</p>
            <p>地址：北京市石景山区景阳宏昌大厦5楼528</p>
            <p>邮箱：bosihuiwen@163.com</p>
            <p>微信客服</p>
            <img
              style="width:230px;height:230px;margin-left:25px"
              src="@/static/sc/ewm/wxkf.png"
              alt
            />
          </div>
        </div>

        <div class="disCasedetailCont_cluster_Left" v-if="query.id == 5">
          <div class="just_cluster_left_title">
            <span>关于我们</span>
            <div style="clear:both;"></div>
          </div>
          <div class="just_cluster_left_cont">
            <p>中国新闻文化促进会学术期刊专业委员会建立的《医药期刊联盟网》。汇聚了医药领域的投稿作者及审稿专家共计六十多万注册用户，平台将利用新媒体技术，为用户提供本专业学术领域多种形式的新理论、新方法、新动态和新研究。平台将采用共同参与、共同发展的模式，让平台注册用户即为平台的受益者，同时也是平台的参与者。力争将平台打造成为医药垂直学科领域的权威知识共享、共建平台。</p>
          </div>
        </div>
        <div class="disCasedetailCont_cluster_Right">
          <JusTinTime></JusTinTime>
          <div class="just_cluster_righ_img">
            <img src="@/static/syimg/xxg_10.png" />
          </div>
        </div>
        <div style="clear:both"></div>
      </div>
    </div>
  </div>
</template>

<script>
// import router from "@/router/index";
//juqery
export default {
  name: "footdetail",
  data() {
    return {
      footdetail: {
        title: "病例丨过敏后使用肾上腺素过量，心电图改变为哪般？",
        date: "2019-12-5",
        issuer: "xxx杂志",
        read: "293"
      },
      disCasedetailB: [],
	  query:{}
    };
  },
  methods: {
    // getData() {
    //   axios
    //     .get(
    //       "http://bjlm.bosihw.cn/api/Lm/GetHomeBottomInfo?Id=" +
    //         this.$route.query.id
    //     )
    //     .then(res => {
    //      

    //       this.disCasedetailB = res.data.Data;
    //     })
    //     .catch(e => {
    //       console.log(e);
    //     });
    // }
  },
  created() {
    // this.getData();
    // let pid = this.$route.query.id;
    // if(pid){
    //   this.initOther(id);
    // }
  },
  watch: {
    //监听相同路由下参数变化的时候，从而实现异步刷新
    $route(to, from) {
      //做一些路由变化的响应
      //打开加载动画
      this.loading = true;
      //重新获取数据
      // this.getData();
      /** 初始化其他数据 */
      // let pid = this.$route.query.id;
      // if(pid){
      //   this.initOther(id);
      // }
    }
  },
  onLoad(e){
	  this.query = e
  }
};
</script>

<style lang="less" scoped>
#footdetail {
  width: 100%;
  .disCasedetailCont {
    width: 100%;
    height: 100%;
    display: inline-block;
    .disCasedetailCont_crumbs {
      width: 100%;
      height: 40rpx;
      margin: 0 auto;
      position: relative;
      margin-top: 56rpx;
      text-align: left;
      line-height: 40rpx;
      padding-left: 20rpx;
      span:nth-child(1) a {
        color: #000000;
        font-size: 32rpx;
        font-weight: bold;
        cursor: pointer;
      }
      i {
        color: #767c82;
        font-size: 36rpx;
        margin-left: 20rpx;
        font-weight: bold;
      }
      span:nth-child(3) {
        color: #003c80;
        font-size: 32rpx;
        margin-left: 20rpx;
        font-weight: bold;
        cursor: pointer;
      }
    }
    .disCasedetailCont_cluster {
      width: 100%;
      height: 100%;
      margin: 0 auto;
      margin-top: 56rpx;
      .disCasedetailCont_cluster_Left {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        .just_cluster_left_title {
          width: 100%;
          height: 40rpx;
          line-height: 40rpx;
          span:nth-child(1) {
            float: left;
            font-size: 40rpx;
            color: #000;
            font-weight: bold;
            em {
              font-style: normal;
              float: right;
              color: #909090;
              font-size: 32rpx;
              position: absolute;
              right: 0;
            }
          }
        }
        .just_cluster_left_info {
          margin-top: 36rpx;
          width: 100%;
          height:36rpx;
          line-height: 36rpx;
          span {
            color: #909090;
            font-size: 32rpx;
          }
          span:nth-child(2) {
            margin-left: 114rpx;
          }
          span:nth-child(3) {
            margin-left: 114rpx;
          }
        }
        .just_cluster_left_cont {
          padding-top: 30rpx;
          // overflow:hidden;
          // overflow-y:auto;
          width: 100%;
          // height:1000px;
          margin-top: 42rpx;
          border-top: 1px solid #eeeeee;
          p {
            font-size: 32rpx;
            font-family: SourceHanSansSC-Regular;
            font-weight: 400;
            color: #777;
            line-height: 52rpx;
            margin-bottom:40rpx;
            text-indent: 2em;
            text-align: justify;
          }
        }
      }
      .disCasedetailCont_cluster_Right {
        width: 530rpx;
        float: right;
        border-left: 1px solid #eeeeee;
        position: relative;
        .just_cluster_righ_img {
          margin-left: 38rpx;
          margin-top: 56rpx;
          width: 500rpx;
          height: 326rpx;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1000px) {
  .disCasedetailCont_cluster_Right {
    display: none;
  }
  #footdetail .disCasedetailCont {
  }
  #footdetail
    .disCasedetailCont
    .disCasedetailCont_cluster
    .disCasedetailCont_cluster_Left
    .just_cluster_left_cont {
    height: 100% !important;
  }
  #footdetail .disCasedetailCont .disCasedetailCont_crumbs {
    width: 97%;
  }
  #footdetail .disCasedetailCont .disCasedetailCont_cluster {
    width: 94%;
    margin-top: 36rpx;
    .disCasedetailCont_cluster_Left {
      width: 100%;
    }
  }
  #footdetail .disCasedetailCont .disCasedetailCont_crumbs span:nth-child(1) a {
    font-size: 36rpx;
  }
  #footdetail .disCasedetailCont .disCasedetailCont_crumbs span:nth-child(3) a {
    font-size: 34rpx;
  }
  #footdetail .disCasedetailCont .disCasedetailCont_crumbs i {
    font-size: 48rpx !important;
    margin-left: 8rpx !important;
    position: relative;
    top: 4rpx;
  }
  #footdetail .disCasedetailCont .disCasedetailCont_crumbs span:nth-child(5) {
    font-size: 36rpx;
  }
  #footdetail .disCasedetailCont .disCasedetailCont_crumbs {
    margin-top: 20rpx;
  }
  #footdetail
    .disCasedetailCont
    .disCasedetailCont_cluster
    .disCasedetailCont_cluster_Left
    .just_cluster_left_title {
    height: 100%;
    line-height: 60rpx;
    text-align: justify;
  }
  #footdetail
    .disCasedetailCont
    .disCasedetailCont_cluster
    .disCasedetailCont_cluster_Left
    .just_cluster_left_title
    span:nth-child(2) {
    position: relative;
    top: -58rpx;
  }
  #footdetail
    .disCasedetailCont
    .disCasedetailCont_cluster
    .disCasedetailCont_cluster_Left
    .just_cluster_left_info {
    line-height: 52rpx;
    height: 100%;
  }
  #footdetail
    .disCasedetailCont
    .disCasedetailCont_cluster
    .disCasedetailCont_cluster_Left
    .just_cluster_left_title
    span:nth-child(1) {
    width: 100%;
  }
  #footdetail
    .disCasedetailCont
    .disCasedetailCont_cluster
    .disCasedetailCont_cluster_Left
    .just_cluster_left_info
    span:nth-child(2) {
    margin-left: 34rpx;
  }
  #footdetail
    .disCasedetailCont
    .disCasedetailCont_cluster
    .disCasedetailCont_cluster_Left
    .just_cluster_left_info
    span:nth-child(3) {
    margin-left: 64rpx;
  }
  #footdetail
    .disCasedetailCont
    .disCasedetailCont_cluster
    .disCasedetailCont_cluster_Left
    .just_cluster_left_cont {
    margin-top: 20rpx;
  }
  .mofootBot {
    margin-top: 0px !important;
  }
  .disCasedetailCont_crumbs {
    display: none;
  }
}
</style>
